<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入轮播图样式 -->
    <link rel="stylesheet" href="../lib/plugin/css/slider.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="../css/shopping.css">

</head>

<body>
    <!-- 网页头部 -->
    <div id="header" class="head">
        <div class="column">
            <div class="column container pr">
                <p class="fl pa">legochina.cn</p>
                <p class="fr">欢迎光临<span>乐购</span>, <a href="./login.html">登录</a>\<a href="./register.html">注册</a>
                </p>
            </div>
        </div>
        <div class="logo-nav container pr clearfix">
            <h1 class="logo  pa"><img src="../imgs/04-购物车_02.jpg" alt=""></h1>

            <div class="fr">
                <p class="seach-input">
                    <input type="text" class="fl">
                    <span class="fl"></span>
                </p>
                <p class="adress">配送至 
                    <select name="" id="" class="adress-sel">
                        <option value="">成都高新区三环内</option>
                    </select>
                </p>
            </div>
        </div>
    </div>
    <!-- 填写并核对订单详情 -->
    <div id="check" class="container mt24 check">
        <h3 class="shop-title">填写并核对订单详情</h3>
        <div class="shop-items">
            <input type="checkbox" disabled class="sel-all">全选
            <span class="product">商品</span>
            <span class="shop-price">单价</span>
            <span class="shop-num">数量</span>
            <span class="shop-sum">小计</span>
            <span class="shop-opt">操作</span>
        </div>
        <ul class="shop-ul mt24">
            <li class="shop-list clearfix">
                <div class="shop-left fl pr">
                    <input type="checkbox" class="choose-btn pa" checked>
                    <img src="../imgs/index08_05.jpg" alt="" class="shop-img">
                </div>
                <div class="shop-right fl pr mt24">
                    <span>从你的全世界路过</span>
                    <span class="shop-price">41.00</span>
                    <span class="choosedown">-</span><span class="default">1</span><span class="chooseup">+</span>
                    <span class="item-sum">41.00</span>
                    <span class="del-btn">删除</span>
                    <span class="move-btn pa">移到我的关注</span>
                </div>
            </li>
            <li class="shop-list clearfix">
                <div class="shop-left fl pr">
                    <input type="checkbox" class="choose-btn pa">
                    <img src="../imgs/index08_05.jpg" alt="" class="shop-img">
                </div>
                <div class="shop-right fl pr mt24">
                    <span>从你的全世界路过</span>
                    <span class="shop-price">41.00</span>
                    <span class="choosedown">-</span><span class="default">1</span><span class="chooseup">+</span>
                    <span class="item-sum">41.00</span>
                    <span class="del-btn">删除</span>
                    <span class="move-btn pa">移到我的关注</span>
                </div>
            </li>
        </ul>
        <div class="mt24 clearfix">
           <p class="shop-content fl">
            <input type="checkbox" class="sel-all">全选
            <span class="del-product">删除选中商品</span>
            <span class="shop-sel">已选择 <span class="sum-num">1</span> 件商品</span>
            <span class="shop-sum">总价 ：<span class="sum-price">41.00</span></span>
           </p>
           <div class="pay-link fl"><a href="./pay.html">去结算</a></div>
        </div>
    </div>
    <!-- 猜你喜欢 -->
    <div id="popRec" class="pop-rec container mt35">
        <div class="clearfix bdb6 book-title">
            <h2 class="com-headline fl">猜你喜欢</h2>
        </div>
        <ul class="clearfix">
            <li class="rec-list ">
                <img src="../imgs/书籍/22935553-1_l.jpg" alt="" class="rec-pic">
                <p class="rec-time pr">8折</p>
                <p class="rec-name">白夜行 东野圭吾</p>
                <p class="rec-qua"></p>
                <p class="rec-price">￥:<span>38</span> </p>
            </li>
            <li class="rec-list ">
                <img src="../imgs/书籍/22935553-1_l.jpg" alt="" class="rec-pic">
                <p class="rec-time pr">8折</p>
                <p class="rec-name">白夜行 东野圭吾</p>
                <p class="rec-qua"></p>
                <p class="rec-price">￥:<span>38</span> </p>
            </li>
            <li class="rec-list ">
                <img src="../imgs/书籍/22935553-1_l.jpg" alt="" class="rec-pic">
                <p class="rec-time pr">8折</p>
                <p class="rec-name">白夜行 东野圭吾</p>
                <p class="rec-qua"></p>
                <p class="rec-price">￥:<span>38</span> </p>
            </li>
            <li class="rec-list ">
                <img src="../imgs/书籍/22935553-1_l.jpg" alt="" class="rec-pic">
                <p class="rec-time pr">8折</p>
                <p class="rec-name">白夜行 东野圭吾</p>
                <p class="rec-qua"></p>
                <p class="rec-price">￥:<span>38</span> </p>
            </li>
            <li class="rec-list ">
                <img src="../imgs/书籍/22935553-1_l.jpg" alt="" class="rec-pic">
                <p class="rec-time pr">8折</p>
                <p class="rec-name">白夜行 东野圭吾</p>
                <p class="rec-qua"></p>
                <p class="rec-price">￥:<span>38</span> </p>
            </li>
        </ul>
    </div>
    <!-- 尾部广告曲 -->
    <div class="banner-bg container"></div>
    <!-- 尾部 -->
    <div id="footer" class="mt35">
        <div class=" banner-end ">
            <div class="quality container"></div>
        </div>
        <div class="footer-serve clearfix pr">
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <p class="serve-menu fl">
                <a href="#" class="footer-link">购物指南</a>
                <a href="#" class="footer-link">购物流程</a>
                <a href="#" class="footer-link">发票制度</a>
                <a href="#" class="footer-link">账户管理</a>
                <a href="#" class="footer-link">会员优惠</a>
            </p>
            <img src="../imgs/logo_00.png" alt="" class="pa footer-logo">
        </div>
        <div class="hot-web">
            <a href="#" class="hot-link">公司简介</a>
            <a href="#" class="hot-link">Investor Relations</a>
            <a href="#" class="hot-link">网站联盟</a>
            <a href="#" class="hot-link">乐购招商机构销售</a>
            <a href="#" class="hot-link">手机乐购</a>
            <a href="#" class="hot-link">官方Blog</a>
            <a href="#" class="hot-link">热词搜索</a>
        </div>
        <p class="copyright">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
    </div>
    <script src="../lib/plugin/lib/jquery.min.js"></script>
    <script src="../lib/plugin/lib/jquery.slidebox.js"></script>
    <!-- 引入公共js -->
    <script src="../js/common.js"></script>
    <!-- 引入当前文件的js -->
    <script src="../js/shopping.js"></script>
</body>

</html>